<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Moonbay</title>
    <link rel="icon" type="image/x-icon" href="picture/图标logo.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/mymusic.css">
    <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
    <div class="head">
        <ul>
            <li class="first">
                <a href="###">
                    <img src="image/logo2.png">
                </a>
            </li>
            <li class="center"><a href="index.html">Home</a></li>
            <li class="center spe"><a href="mymusic.html">My Music</a></li>
            <li class="center"><a href="singer.html">singer</a></li>
            <li class="center"><a href="ranking.html">Top</a></li>
            <li class="center"><a href="radio.html">Radio</a></li>
            <li class="login"><a href="re.html">Register</a></li>
            <li class="login"><a href="login.html">Login</a></li>
            <li class="login dotted"></li>
            <li class="login search">
                <input type="text" class="tex">
                <button class="btn"><i class="iconfont icon-sousuo"></i></button>
            </li>
        </ul>
    </div>
    <div class="user">
        <div class="userbg"></div>
        <div class="ban">
            <div class="userimg">
                <img src="picture/bb.jpg" alt="">
            </div>
            <div class="username">
                IKUN
            </div>
            <div class="follow">
                Focus 0 | Fans 0
            </div>
            <div class="list">
                <a href="#"><span class="active">My like</span></a>
                <a href="#"><span>The playlist I created</span></a>
                <a href="#"><span>Focus</span></a>
                <a href="#"><span>Fans</span></a>
            </div>
        </div>
    </div>
    <div class="back">
        <div class="ban">
            <div class="mymusic-title clearfix">
                <div class="mymusic-tit">Song</div>
                <div class="mymusic-n">Singer</div>
                <div class="mymusic-name">Album</div>
                <div class="mymusic-time">Duration</div>
            </div>
            <div class="mymusic-list">
                <a href="#">
                    <div class="mymusic-item clearfix">
                        <div class="mymusic-tit">麻雀</div>
                        <div class="mymusic-n">李荣浩</div>
                        <div class="mymusic-name">麻雀</div>
                        <div class="mymusic-time">04:12</div>
                    </div>
                </a>
                <a href="#">
                    <div class="mymusic-item clearfix">
                        <div class="mymusic-tit">陪你去流浪</div>
                        <div class="mymusic-n">薛之谦</div>
                        <div class="mymusic-name">陪你去流浪</div>
                        <div class="mymusic-time">04:34</div>
                    </div>
                </a>
                <a href="#">
                    <div class="mymusic-item clearfix">
                        <div class="mymusic-tit">星宿</div>
                        <div class="mymusic-n">徐均朔</div>
                        <div class="mymusic-name">星宿</div>
                        <div class="mymusic-time">03:37</div>
                    </div>
                </a>
            </div>
            <div class="page clearfix">
                <div class="page-item up">The previous page</div>
                <div class="page-item active">1</div>
                <div class="page-item">2</div>
                <div class="page-item">3</div>
                <div class="page-item">4</div>
                <div class="page-item">5</div>
                <div class="page-item">6</div>
                <div class="page-item">7</div>
                <div class="page-item">8</div>
                <div class="page-item">9</div>
                <div class="page-item">10</div>
                <div class="page-item">...</div>
                <div class="page-item down">The next page</div>
            </div>
        </div>
    </div>
    <!-- <div class="footer">
        <div class="our">
            <p class="about">版权信息</p>
            <p>© 2010-2023 Yuedu.fm All rights reserved 粤ICP备14076392号</p>
        </div>
    </div> -->
</body>

</html>